<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="utf-8">
    <title>index2</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Uhost is Creative Website Template" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!--[if lt IE 9]>
    <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
    <link href="/user/css/animate.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css">
    <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css">
    <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css">
	<link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css">
    <link href="/user/css/style.css" rel="stylesheet" type="text/css">

    <!-- color scheme -->
    <link id="colors" href="/user/css/colors/scheme-03.css" rel="stylesheet" type="text/css">
	<link href="/user/css/coloring.css" rel="stylesheet" type="text/css">

    <!-- RS5.0 Stylesheet -->
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css">
    <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css">

</head>

<body>
    <div id="wrapper">
               <!-- header begin -->
               <header class="header-s1">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
    
                            <div class="header-row">
                                <div class="header-col left">
                                    <!-- logo begin -->
                                    <div id="logo">
                                        <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                        <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a>
                                    </div>
                                    <!-- logo close -->
                                </div>
                                <div class="header-col mid">
                                    <!-- mainmenu begin -->
                                    <ul id="mainmenu">
                                        <li><a href="index.html">首页</a>
                                            <ul>
                                                <li><a href="index.html">关于我们</a></li>
                                                <li><a href="index-2.html">最新活动<span>New</span></a></li>
                                            </ul>
                                        </li>
                                        <li><a href="/match"> 比赛 <span>New</span></a>
                                            <ul>
                                                <li><a href="hosting-all.html">最新比赛<span>NEW</span></a></li>
                                                <li><a href="hosting-shared.html">往届精彩</a></li>
                                                <li><a href="match2.html">比赛介绍</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="domain.html">社团</a></li>
                                        <li><a href="#">敬请期待</a>
                                            <ul>											
                                                <li><a href="news.html">1</a></li>
                                                 <li><a href="search-results.html">2</a></li>
                                                <li><a href="features.html">3</a></li>
                                                <li><a href="contact.html">4</a></li>
                                                <li><a href="maintenance.html">5</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <div class="col-right">
                                        <a class="btn-custom" href="/login"><i class="fa fa-lock"></i> Login</a>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <!-- small button begin -->
                            <span id="menu-btn"></span>
                            <!-- small button close -->
    
                        </div>
                    </div>
                </div>
            </header>
            <!-- header close -->
        <!-- content begin -->
        <div class="no-bottom no-top" id="content">
            <div id="top"></div>
            <!-- revolution slider begin -->
            <section aria-label="section-slider" class="fullwidthbanner-container" id="section-slider">
                <div id="revolution-slider">
                    <ul>
                        <li data-masterspeed="1500" data-slotamount="10" data-transition="fade">
                            <!--  BACKGROUND IMAGE -->
                            <img alt="" class="rev-slidebg" data-bgparallax="15" data-bgposition="center center" data-duration="20000" data-ease="Power1.easeOut" data-kenburns="off" data-lazyload="images/slider/3.png" data-no-retina="" data-offsetend="0 0" data-offsetstart="0 0" data-rotateend="0" data-rotatestart="0" data-scaleend="100" data-scalestart="110" src="/user/images/slider/3.png">
							
							<div class="tp-caption custom-font-2" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="700" data-transform_in="y:100px;opacity:0;s:200;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="170">
                                <span class="id-color">VPS</span> Hosting
                            </div>

                            <div class="tp-caption custom-font-1" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="900" data-transform_in="y:100px;opacity:0;s:200;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="230">
                                Our Most Powerfull Hosting Package Ever
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1200" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="280">
                                <i class="fa fa-check id-color"></i> Multi Core Processor Intel Xeon
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1400" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="310">
                                <i class="fa fa-check id-color"></i> Unlimited Disk Space &amp; Unlimited Domain
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1600" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="340">
                                <i class="fa fa-check id-color"></i> 99.99% Uptime Guarantee
                            </div>
                            
                            <div class="tp-caption tp-text text-left" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1800" data-transform_in="y:100px;opacity:0;s:100;e:Power2.easeOut;" data-transform_out="opacity:0;y:30;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="400">
                                <a class="btn-slider" href="#">Read More</a>
                            </div>
                            <div class="tp-caption tp-text text-left" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="2000" data-transform_in="y:200;s:0;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:30;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="600" data-y="center">
                                <img src="/user/images/slider/server.png" alt="">
                            </div>
                        </li>
						
						<li data-masterspeed="1500" data-slotamount="10" data-transition="fade">
                            <!--  BACKGROUND IMAGE -->
                            <img alt="" class="rev-slidebg" data-bgparallax="15" data-bgposition="center center" data-duration="20000" data-ease="Power1.easeOut" data-kenburns="off" data-lazyload="images/slider/4.jpg" data-no-retina="" data-offsetend="0 0" data-offsetstart="0 0" data-rotateend="0" data-rotatestart="0" data-scaleend="100" data-scalestart="110" src="/user/images/slider/4.jpg">
							
							<div class="tp-caption custom-font-2" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="700" data-transform_in="y:100px;opacity:0;s:200;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="170">
                                <span class="id-color">Cloud</span> Hosting
                            </div>

                            <div class="tp-caption custom-font-1" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="900" data-transform_in="y:100px;opacity:0;s:200;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="230">
                                Our Most Powerfull Hosting Package Ever
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1200" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="280">
                                <i class="fa fa-check id-color"></i> Multi Core Processor Intel Xeon
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1400" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="310">
                                <i class="fa fa-check id-color"></i> Unlimited Disk Space &amp; Unlimited Domain
                            </div>
							
							<div class="tp-caption" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1600" data-transform_in="x:-100px;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:-20;s:500;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="340">
                                <i class="fa fa-check id-color"></i> 99.99% Uptime Guarantee
                            </div>
                            
                            <div class="tp-caption tp-text text-left" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="1800" data-transform_in="y:100px;opacity:0;s:100;e:Power2.easeOut;" data-transform_out="opacity:0;y:30;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="80" data-y="400">
                                <a class="btn-slider" href="#">Read More</a>
                            </div>
                            <div class="tp-caption tp-text text-left" data-height="none" data-responsive_offset="on" data-splitin="none" data-splitout="none" data-start="2000" data-transform_in="y:200;s:0;opacity:0;s:400;e:Power2.easeOut;" data-transform_out="opacity:0;y:30;s:700;e:Power2.easeInOut;" data-whitespace="nowrap" data-width="none" data-x="600" data-y="center">
                                <img src="/user/images/slider/server.png" alt="">
                            </div>
                        </li>
                        
                    </ul>
                </div>
            </section>
			
			<section class="pt60 pb60 text-light" data-bgcolor="#333333">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-md-10">
							<h3 class="no-bottom">We are Uhost. The most trusted and dedicated <span class="id-color">hosting</span> provider.</h3>
						</div>
						
						<div class="col-md-2">
							<a href="#" class="btn-custom secondary">Get Hosting</a>
						</div>
					</div>
				</div>
			</section>

            <section id="pricing-table" class="pb40">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="text-center wow fadeInUp">
                                <h2><span class="uptitle id-color">Select Your</span>Hosting Plan</h2>
                                <div class="spacer-20"></div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                            <div class="pricing-s2 mb30">
                                <div class="top">
                                    <img src="/user/images/icon-b-shared-hosting.png" class="size96" alt="">
                                    <div class="inner">
                                        <div class="clearfix"></div>
                                        <h2>Shared Hosting</h2>
                                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                        <p class="price"><span class="txt">Start from</span><span class="currency">$</span>
                                            <span class="num opt-1">5.59</span>
                                            <span class="num opt-2">3.45</span>
                                            <span class="month">p/mo</span></p>
                                        <a href="" class="btn-custom secondary">Sign Up Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
						<div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                            <div class="pricing-s2 mb30">
                                <div class="top">
                                    <img src="/user/images/icon-b-vps-hosting.png" class="size96" alt="">
                                    <div class="inner">
                                        <div class="clearfix"></div>
                                        <h2>VPS Hosting</h2>
                                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                        <p class="price"><span class="txt">Start from</span><span class="currency">$</span>
                                            <span class="num opt-1">14.75</span>
                                            <span class="num opt-2">12.25</span>
                                            <span class="month">p/mo</span></p>
                                        <a href="" class="btn-custom secondary">Sign Up Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                            <div class="pricing-s2 mb30">
                                <div class="inner">
                                    <div class="top">
                                        <img src="/user/images/icon-b-cloud-hosting.png" class="size96" alt="">
                                        <div class="clearfix"></div>
                                        <h2>Cloud Hosting</h2>
                                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                        <p class="price"><span class="txt">Start from</span><span class="currency">$</span>
                                            <span class="num opt-1">18.65</span>
                                            <span class="num opt-2">16.35</span>
                                            <span class="month">p/mo</span></p>
                                        <a href="" class="btn-custom secondary">Sign Up Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="switch-set text-center">
                                <div>Monthly plan</div>
                                <div>
                                    <input id="sw-1" class="switch" type="checkbox" />
                                </div>
                                <div>Yearly plan</div>
                                <div class="spacer-20"></div>
                            </div>
                        </div>

                    </div>
				</div>
            </section>

            <section id="section-banner" class="no-bottom no-top img-fluid text-light relative pos-top" data-bgcolor="#222222">
                <div class="container">
                    <div class="row align-items-center">

                        <div class="col-lg-4 col-md-6 wow fadeInRight">
							<div class="p-sm-30 pb-sm-0 mb-sm-0">
								<h2><span class="id-color">30 days</span> money back satisfication guarantee</h2>
							</div>
                        </div>

                        <div class="col-lg-4 col-md-6 wow fadeInRight" data-wow-delay=".2s">
							<div class="p-sm-30">
                            <p class="lead">If you not satisfy with Uhost, we will refund your payment. No hassle, no risk. You can cancel plan at any time.</p>
                            <div class="spacer-half"></div>
                            <a class="btn-custom secondary" href="#">Get Started</a>
							</div>
                        </div>
						
						<div class="col-lg-4 d-none d-lg-block d-xl-block  text-center wow fadeInRight" data-wow-delay=".4s">
                            <img class="relative img-fluid mt-60" src="/user/images/misc/2.png" alt="">
                        </div>
                    </div>
                </div>
            </section>

            <section id="section-features">
                <div class="container">
                    <div class="row">
                        <div class="col-md text-center wow fadeInUp">
                            <h2><span class="uptitle id-color">Build For Speed</span>Hosting Features</h2>
                            <div class="spacer-20"></div>
                        </div>
                    </div>
                    <div class="row wow fadeInUp">
                        <div class="col-md col-sm-6 mb-sm-30">
                            <div class="feature-box-type-2">
                                <i class="icon-alarmclock"></i>
                                <h4>Instant Activation</h4>
                            </div>
                        </div>

                        <div class="col-md col-sm-6 mb-sm-30">
                            <div class="feature-box-type-2">
                                <i class="icon-profile-male"></i>
                                <h4>24 / 7 Support</h4>
                            </div>
                        </div>

                        <div class="col-md col-sm-6 mb-sm-30">
                            <div class="feature-box-type-2">
                                <i class="icon-refresh"></i>
                                <h4>99.9% Uptime</h4>
                            </div>
                        </div>

                        <div class="col-md col-sm-6 mb-sm-30">
                            <div class="feature-box-type-2">
                                <i class="icon-upload"></i>
                                <h4>Cloud Powered</h4>
                            </div>
                        </div>
                        <div class="col-md col-sm-6 mb-sm-30">
                            <div class="feature-box-type-2">
                                <i class="icon-layers"></i>
                                <h4>Multi Datacenter</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="section-testimonial" class="no-top no-bottom text-light" data-bgimage="url(images/background/3.png) center" data-stellar-background-ratio=".2">
                <div class="overlay-bg dark">
                    <div class="text-center wow fadeInUp">
                        <h2><span class="uptitle id-color">Testimonial</span>What They Says</h2>
                        <div class="spacer-20"></div>
                    </div>
					<div class="wow fadeInUp">
                    <div class="owl-carousel owl-theme secondary" id="testimonial-carousel">
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.
                                    </p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/1.jpg"> <span>John, Pixar Studio</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/2.jpg"> <span>Sarah, Microsoft</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/3.png"> <span>Michael, Apple</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/4.jpg"> <span>Thomas, Samsung</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/1.jpg"> <span>John, Pixar Studio</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/2.jpg"> <span>Sarah, Microsoft</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/3.png"> <span>Michael, Apple</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                        <div class="item">
                            <div class="de_testi opt-2">
                                <blockquote>
                                    <p>Great support, like i have never seen before. Thanks to the support team, they are very helpfull. This company provide customers great solution, that makes them best.</p>
                                    <div class="de_testi_by">
                                        <img alt="" class="rounded-circle" src="/user/images/people/4.jpg"> <span>Thomas, Samsung</span>
                                    </div>
                                </blockquote>
                            </div>
                        </div>
                    </div>
					</div>
                </div>
            </section>

            <section id="section-faq">
                <div class="container">
                    <div class="row">
                        <div class="col text-center wow fadeInUp">
                            <h2><span class="uptitle id-color">Do You Have</span>Any Questions?</h2>
                            <div class="spacer-20"></div>
                        </div>
                    </div>
                    <div class="row wow fadeInUp">
                        <div class="col-md-6">
                            <div class="accordion secondary">
                                <div class="accordion-section">
                                    <div class="accordion-section-title" data-tab="#accordion-1">
                                        How do I get started with web hosting?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-1">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-2">
                                        What is difference for each plan?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-2">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-3">
                                        What kind of web hosting do I need?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-3">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col-md-6">
                            <div class="accordion secondary">
                                <div class="accordion-section">
                                    <div class="accordion-section-title" data-tab="#accordion-b-4">
                                        Why do I need domain name?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-b-4">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-b-5">
                                        What my website protected from hackers?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-b-5">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                    <div class="accordion-section-title" data-tab="#accordion-b-6">
                                        How do I backup my website?
                                    </div>
                                    <div class="accordion-section-content" id="accordion-b-6">
                                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            

            <section id="section-news" data-bgcolor="#f6f6f6">
                <div class="container">
                    <div class="row">
                        <div class="col text-center wow fadeInUp">
                            <h2><span class="uptitle id-color">From Redaction</span>Latest News</h2>
                            <div class="spacer-20"></div>
                        </div>
                    </div>
                    <div class="row wow fadeInUp">
                        <div class="col-md-12">
                            <div class="owl-carousel owl-theme" id="blog-carousel">
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/1.jpg">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">10 hours ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">How to Choose Good Hosting</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/2.jpg">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">1 day ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">Cloud Computing Trends of 2020</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/3.png">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">2 days ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">How to Speed Up Your Website</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/4.jpg">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">3 days ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">How to Create Instant Website</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/5.jpg">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">4 days ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">How to Get More Traffics</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="bloglist item">
                                    <div class="post-content">
                                        <div class="post-image">
                                            <img alt="" src="/user/images/news/6.jpg">
                                            <div class="post-info">
                                                <div class="inner">
                                                    <span class="post-date">5 days ago</span> <span class="post-author">Oscar Helman</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="post-text">
                                            <h3><a href="news-single.html">How Sell Digital Product</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
			
			<section id="section-fun-facts" class="pt60 pb60 text-light bg-gradient-to-right">
                <div class="container">

                    <div class="row wow fadeInUp">
                        <div class="col-md-3 col-sm-6">
                            <div class="de_count">
                                <h3 class="timer" data-to="15425" data-speed="3000">0</h3>
                                <span>Website Powered</span>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="de_count">
                                <h3 class="timer" data-to="8745" data-speed="3000">0</h3>
                                <span>Clients Supported</span>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6" data-wow-delay=".5s">
                            <div class="de_count">
                                <h3 class="timer" data-to="235" data-speed="3000">0</h3>
                                <span>Awards Winning</span>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="de_count">
                                <h3 class="timer" data-to="15" data-speed="3000">0</h3>
                                <span>Years Experience</span>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

            </div>
            <!-- content close -->

            <!-- footer begin -->
            <footer class="footer-black">
                <div class="container">
                    <div class="row">

                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Hosting</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Web Hosting</a></li>
                                            <li><a href="#">VPS Hosting</a></li>
                                            <li><a href="#">Cloud Hosting</a></li>
                                            <li><a href="#">WordPress Hosting</a></li>
                                            <li><a href="#">Email Hosting</a></li>
                                            <li><a href="#">CMS Hosting</a></li>
                                            <li><a href="#">Ecommerce Hosting</a></li>
                                            <li><a href="#">Website Builder</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Domains</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">Domain Checker</a></li>
                                            <li><a href="#">Domain Transfer</a></li>
                                            <li><a href="#">Free Domain</a></li>
                                            <li><a href="#">XYZ Domain</a></li>
                                            <li><a href="#">Cheap SSL Certificate</a></li>
                                            <li><a href="#">Buy Domain Name</a></li>
                                            <li><a href="#">Whois Checker</a></li>
                                            <li><a href="#">Free SSL Certificate</a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-md-4 col-xs-4">
                                    <div class="widget">
                                        <h5>Company</h5>
                                        <div class="tiny-border"></div>
                                        <ul>
                                            <li><a href="#">About</a></li>
                                            <li><a href="#">Affiliates</a></li>
                                            <li><a href="#">Blog</a></li>
                                            <li><a href="#">Careers</a></li>
                                            <li><a href="#">Community</a></li>
                                            <li><a href="#">News</a></li>
                                            <li><a href="#">Partners</a></li>
                                            <li><a href="#">Press Releases</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="widget">
                                <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"></a>
                                <div class="spacer-20"></div>
                                <p>We are Uhost, a web hosting company with 24/7 customer support. We provide best hosting solutions for your hosting needs. Our clients from personal to corporate. Our data center are all over the world to ensure your website is always up. You can choose shared hosting, vps hosting or cloud hosting. You can also be hosting reseller here. Happy hosting with us.</p>
                            </div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-md-6 sm-text-center mb-sm-30">
                            <div class="mt10">&copy; Copyright 2020 - Uhost by Designesia</div>
                        </div>

                        <div class="col-md-6 text-md-right text-sm-left">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-rss fa-lg"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

            </footer>
            <!-- footer close -->

            <div id="preloader">
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>		
		
		<div id="selector">
			<span class="opt tc1" data-color="scheme-01"></span>
			<span class="opt tc2" data-color="scheme-02"></span>
			<span class="opt tc3" data-color="scheme-03"></span>
			<span class="opt tc4" data-color="scheme-04"></span>
		</div>

        <!-- Javascript Files
    ================================================== -->
        <script src="/user/js/jquery.min.js"></script>
        <script src="/user/js/bootstrap.min.js"></script>
        <script src="/user/js/wow.min.js"></script>
        <script src="/user/js/jquery.isotope.min.js"></script>
        <script src="/user/js/easing.js"></script>
        <script src="/user/js/owl.carousel.js"></script>
        <script src="/user/js/validation.js"></script>
        <script src="/user/js/jquery.magnific-popup.min.js"></script>
        <script src="/user/js/enquire.min.js"></script>
        <script src="/user/js/jquery.stellar.min.js"></script>
        <script src="/user/js/jquery.plugin.js"></script>
        <script src="/user/js/typed.js"></script>
        <script src="/user/js/app.js"></script>
		<script src="/user/js/jquery.countTo.js"></script>
        <script src="/user/js/jquery.countdown.js"></script>
        <script src="/user/js/designesia.js"></script>
        
        <!-- RS5.0 Core JS Files -->
        <script src="revolution/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
        <script src="revolution/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
        
		<!-- RS5.0 Extensions Files -->
        <script src="revolution/js/extensions/revolution.extension.video.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
        <script src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
        <!-- current page only scripts -->
        
        <script>
            jQuery(document).ready(function() {
                // revolution slider
                jQuery("#revolution-slider").revolution({
                    sliderType: "standard",
                    sliderLayout: "fullwidth",
                    delay: 5000,
                    navigation: {
                        arrows: {
                            enable: true
                        }
                    },
                    parallax: {
                        type: "mouse",
                        origo: "slidercenter",
                        speed: 2000,
                        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
                    },
                    spinner: "off",
                    gridwidth: 1140,
                    gridheight: 600,
                    disableProgressBar: "on"
                });
            });
        </script>

        <!--Start of Tawk.to Script-->
        <script>
            var Tawk_API = Tawk_API || {},
                Tawk_LoadStart = new Date();
            (function() {
                var s1 = document.createElement("script"),
                    s0 = document.getElementsByTagName("script")[0];
                s1.async = true;
                s1.src = 'https://embed.tawk.to/5e4a18a6298c395d1ce84227/default';
                s1.charset = 'UTF-8';
                s1.setAttribute('crossorigin', '*');
                s0.parentNode.insertBefore(s1, s0);
            })();
        </script>
        <!--End of Tawk.to Script-->
</body>

</html>